@keyframes tuB{
  0%{
    transform: translate(0, 0);
  }
  50%{
    transform: translate(0px, 30px);
  }
  0%{
    transform: translate(0, 0);
  }
}

@keyframes guangA{
  0%{
    opacity: 1;
    transform: translate(0, 0);
  }
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    transform: translate(-55px, -34px);
  }
}

@keyframes guangB{
  0%{
    opacity: 1;
    transform: translate(0, 0);
  }
  50%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    transform: translate(60px, 33px);
  }
}

@keyframes tuC{
  0%{
    opacity: 0;
    transform: translate(0, 0);
  }
  90%, 100%{
    opacity: 1;
    transform: translate(40px, 20px);
  }
}

@keyframes lingxA{
  0%{
    opacity: 0;
    transform: translate(0, 0);
  }
  80%{
    opacity: 1;
    transform: translate(0, -40px);
  }
  100%{
    opacity: 0;
    transform: translate(0, -50px);
  }
}

@keyframes lingxB{
  0%{
    opacity: 0;
    transform: translate(0, 0);
  }
  80%{
    opacity: 1;
    transform: translate(0, -40px);
  }
  100%{
    opacity: 0;
    transform: translate(0, -50px);
  }
}

@keyframes lingxC{
  0%{
    opacity: 0;
    transform: translate(0, 0);
  }
  80%{
    opacity: 1;
    transform: translate(0, -40px);
  }
  100%{
    opacity: 0;
    transform: translate(0, -50px);
  }
}

@keyframes chaunB{
  0%{
    opacity: 1;
    transform: translate(0, 0);
  }
  100%{
    opacity: 0;
    transform: translate(0, -70px);
  }
}

@keyframes chaunC{
  0%{
    opacity: 1;
    transform: translate(0, 0);
  }
  80%, 100%{
    opacity: 0;
    transform: translate(0, -40px);
  }
}

@keyframes tuA{
  0%{
    opacity: 1;
    transform: translate(0, 0);
  }
  80%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    transform: translate(0, -100px);
  }
}

@keyframes tuAa{
  0%{
    opacity: 1;
    transform: translate(0, 0);
  }
  50%{
    opacity: 1;
    transform: translate(0, 0);
  }
  100%{
    opacity: 0;
    transform: translate(0, -50px);
  }
}

@keyframes ziA{
  /* 80%以后状态不变了 会停留一会 */
  0%, 20%, 40%, 60%, 80%{
    transform: translate(0, 0);
  }
  10%, 30%, 50%, 70%, 90%{
    transform: translate(0, -8px);
  }
}

@keyframes ziB{
  0%, 60%, 100%{
    transform: translate(0, 0);
  }
  30%, 90%{
    transform: translate(0, -8px);
  }
}

@keyframes ziC{
  0%, 20%, 40%, 60%, 80%, 100%{
    transform: translate(0, 0);
  }
  10%, 30%, 50%, 70%, 90%{
    transform: translate(0, -8px);
  }
}